body{
    background: #171922;
}
.content{
    width: 100%;
    height: 100%;
    background: #171922;
}
.wc_header{
    width:100%;
    height:1.707rem;
    background: #222731;
    border-top:0.0213rem solid #2e303e;
    border-bottom:0.0213rem solid #2e303e;
    display: flex;

}
.wx_header_right{
    flex: 1;
    color: #fff;
}
.wx_header_left{
    flex: 3;
    color: #87a1b3;
    line-height: 1.707rem;
    padding-left:0.534rem;
}
.wx_header_left span{
    color: #d72d45;
    font-size: 0.512rem;
}
.wx_header_right div{
    width: 2.987rem;
    height:1.28rem;
    margin: 0 auto;
    margin-top:0.214rem;
    background: #3b9ce0;
    border-radius: 0.107rem;
    font-size: 0.512rem;
    text-align: center;
    line-height: 1.28rem;

}
/*列表*/
.main_Content{
    width: 100%;
    height: auto;
    margin: 0.128rem 0;

}
.wc_main{
    width: 100%;
    height: 2.944rem;
    background: #222731;
    border-top: 0.0213rem solid #2e303e;
    border-bottom: 0.0213rem solid #2e303e;
    display: flex;
    flex-direction: row;
}

.wc_main_item1{
    flex: 0.6;
    padding-left:0.534rem;
}
.wc_main_item2{
    flex: 1;
    margin-top:0.7rem;
    padding-left: 0.3rem;
}
.wc_main_item3{
    flex: 2;
    flex-direction: column;
}
.wc_main_item4{
    flex: 0.88;
}
.wc_main_item1 span{
    width: 2.134rem;
    height: 2.134rem;
    border-radius: 50%;
    background: #fff;
    display: block;
    position: relative;
    margin-top: 0.427rem;
    overflow: hidden;
}
.wc_main_item1 span img{
    width: 2.134rem;
    height: 2.134rem;
    position: absolute;
    top:0;
    z-index: 10;
}
.wc_main_item2_content span img{
    width: 0.619rem;
    height: 0.619rem;
    display: inline;
}
.Grade_name{
    color: #6b8699;
    font-size: 0.469rem;
    margin-top: -0.7rem;
    display: block;
    margin-left: 0.7rem;
}
.wc_main_item2_content{
    width: 100%;
    margin-top: 0.21rem;
}
.wc_main_item2_title{
    color: #cbdde9;
    font-size: 0.64rem;
}
.wc_main_item3 div:nth-child(1){
    margin-top: 0.629rem;
}
.wc_main_item3 div:nth-child(2){
    margin-top: 0.2rem;
}
.Positive{
    font-size: 0.469rem;
    color: #7390a4;
    text-align: center;
}
.Selected{
    font-size: 0.7rem;
    color: #cbdde9;
}
.wc_main_item4 div{
    width: 2.774rem;
    height: 1.28rem;
    text-align: center;
    line-height: 1.28rem;
    margin-right: 0;
    margin-top:0.884rem;
    background: #3b9ce0;
    color: #fff;
    border-radius: 5px;
    font-size: 0.512rem;
}
.wc_main_list_title{

    text-align: center;
    font-size: 0.555rem;
    color: #7390a4;
    margin-bottom: 0;
}
.wc_main_list{
    width: 100%;
    height: 2.944rem;
    background: #222731;
    border-top: 0.0213rem solid #2e303e;
    border-bottom: 0.0213rem solid #2e303e;
    display: flex;
    flex-direction: row;
}
.wc_main_list div{
    flex: 1;
}
.wc_main_list_data{
    height: 2rem;
    line-height: 3rem;
    text-align: center;
    color: #cbdde9;
    font-size: 0.512rem;
    height: 1.5rem;
    line-height: 2rem;
}
.Subscription_ideas{
    width: 100%;
    height: auto;
    background: #171922;
}
.Subscription_ideas_header{
    width: 90%;
    height: 1.816rem;
    color: #cbdde9;
    font-size: 0.534rem;
    margin: 0 auto;
    line-height: 2.5rem;
}
.Subscription_ideas_content{
    width:90%;
    margin: 0 auto;
    color: #6f8b9e;
    font-size: 0.491rem;
    margin-bottom: 1rem;
}